/* 
    Document   : hajo
    Created on : Sep 25, 2009, 5:24:48 PM
    Author     : hajo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#page {

    width: 100%;
    height: 300px;
}
/*
.hajoPanelBorder {

    width: 100%;
    height: 300px;

}*/

div#divaMail{
    width: 60%;
}

div#divMailFiledsTxt{
    display:inline-block;
    position: relative;
    top: 5px;
    max-height: 20px;
    line-height:200%;
}

div#divMailFields{
    display:inline-block;
    position: relative;
    top: -20px;
    left: 10px;
    height: 20px;
}

.classTexInputArea{
    width: 300px;
    height: 200px;
}

html, body{
    width: 100%;
    margin: 0px;
    height: 100%;
    background-color:   #222;
    color: #E70;
    font-size: 13px;
}

.classNavButton
{
    color: black;
    background-color:#E70;
    border: solid 1px #222;
    border-left: 5px solid #222;
    border-right: 5px solid #222;
    position:relative;
    left: 4px;
    width:125px;
}

.classButton
{
    color: black;
    background-color:#E70;
    border: solid 1px #222;
    border-left: 5px solid #222;
    border-right: 5px solid #222;
}

div#divWrapper{
    width:  900px;
    margin: 0px auto;
}

.divFieldClass{
    display:inline-block;
    text-align:left;
    line-height:200%
}

div#divTable{
    border:thin solid #E70;
    width:60%;
}

div.divTable{
    border:             thin solid #E70;
    width:              420px;
}

div.divSeperator{
    border-top:thick solid #E70;
    width:420px;;
}

div#divHeader{
    background-color:   #E70;
    width:              900px;
    height:             100px;
    color:              #222;
}

div#userLogoutBox{
    display:inline-block;
    height: 70px;
    width: 90px;
    position:absolute;
    top: 20px;
    left: 800px;
    bottom: 20px;
}

div#divContent{
    width:  900px;
}

div#divLeft{
    background-color:   #E70;
    float:              left;
    width:              150px;
    color:              #222;

}

div#divCenter{
    background-color:   #222;
    float:              left;
    width:              600px;
    padding-top:        15px;
    padding-left:       10px;
    color:              #E70
}

div#divRight{
    background-color:   #E70;
    float:              left;
    width:              150px;
    color:              #222;
}

div#divFooter{
    background-color:   #E70;
    width:              900px;
    height:             50px;
    color:              #222;
}

h2{
    font-size:          17px;
    font-family:        sans-serif;
    text-align:         center;

}

h1{
    color:              #222;
    font-family:        sans-serif;
}

h1#lh1{
    color:              #E70;
    font-family:        sans-serif;
}

h3{
    color:              #E70;
    font-family:        sans-serif;
}

/*
Styles for the data tables
*/
.emailColumn, .groupNameColumn,
.groupCreatorColumn, .courseCodeColumn,
.courseNameColumn, .studentNameColumn,
.pageColumn {
    padding-left:    5px;
    padding-right:   5px;
}

.courseCodeColumn, .pageColumn,
.gradeColumn {
    width:      60px;
    text-align: center;
}

.emailColumn{
    width: 200px;
    text-align: center;
}

.groupNameColumn{
    width: 140px;
    text-align: center;
}

.courseNameColumn{
    width: 270px;
}

.studentNameColumn{
    width: 190px;
}
